<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

	<title>Form Test (steel)</title>

	<link rel="stylesheet" href="../../../../../dojo/dojo/resources/dojo.css">
	
	<link rel="stylesheet/less" type="text/css" href="../../../themes/steel/icons.css">
	<link rel="stylesheet/less" type="text/css" href="../../../themes/steel/swt/navigation/NavigationMenu.less">
	<link rel="stylesheet/less" type="text/css" href="../../../themes/steel/swt/form/form.less">
	<style type="text/css">
	 body {
	 	padding:50px;
	 }
	</style>
	<script type="text/javascript" src="../../../tp/less-1.1.4.js"></script>
	<script type="text/javascript" charset="utf-8">
    	less.env = "development";
    	less.watch();
	</script>
	 <script type="text/javascript">
            djConfig = {
                isDebug : true,
                debugAtAllCosts : false,
                parseOnLoad : true,
                baseUrl : "../../../../../dojo/dojo/",
                modulePaths : {
                	'swt' : '../../swt-core/swt'
                }
            };
    </script>

	<!-- required: dojo.js -->
	<script type="text/javascript" src="../../../../../dojo/dojo/dojo.js"></script>

	<script language="JavaScript" type="text/javascript">
		dojo.require("dijit.dijit"); // optimize: load dijit layer
		dojo.require("swt.widget.form.Button");
		dojo.require("swt.widget.form.DropDownButton");
		dojo.require("dojo.parser");
	</script>

</head>
<body class="steel">
	<div dojoType="swt.widget.form.Button" onClick='console.log("Clicked Create");' label="Create"></div>
	<div dojoType="swt.widget.form.Button" onClick='console.log("Clicked Primary");' class="primary" label="Primary"></div>
	<div dojoType="swt.widget.form.Button" onClick='console.log("Clicked Primary(Blue)");' class="primaryBlue" label="Primary(Blue)"></div>
	<div dojoType="swt.widget.form.Button" onClick='console.log("Clicked Disabled");' class="disabled" label="Disabled"></div>
	<div dojoType="swt.widget.form.Button" onClick='console.log("Clicked Large");' class="large" label="Large"></div>
	<div dojoType="swt.widget.form.Button" onClick='console.log("Clicked Small");' class="small" label="Small"></div>
	<div dojoType="swt.widget.form.Button" onClick='console.log("Clicked Refresh");' iconClass="swt-icon swt-icon-refresh" label="Refresh(with icon)"></div>
	<br>
	<br>
	<br>
	<div dojoType="swt.widget.form.DropDownButton" onClick='console.log("clicked My Actions");' label="My Actions">
		<div style="width:300px;height:200px;" class='dropDown'>Praesent rhoncus fermentum adipiscing. Aliquam erat volutpat. Praesent id lacus elit, vel cursus velit. Vivamus sed malesuada urna. Aenean elit nisi, pellentesque vel gravida non, blandit at quam. Ut quis magna et lacus molestie mollis. Donec sit amet dui ut sem placerat eleifend a id nibh.</div>
	</div>
	
	<div dojoType="swt.widget.form.DropDownButton" onClick='console.log("clicked My Actions");' label="Right Aligned" dropDownAlign="R" style="float: right;">
		<div style="width:300px;height:200px;" class='dropDown'>Praesent rhoncus fermentum adipiscing. Aliquam erat volutpat. Praesent id lacus elit, vel cursus velit. Vivamus sed malesuada urna. Aenean elit nisi, pellentesque vel gravida non, blandit at quam. Ut quis magna et lacus molestie mollis. Donec sit amet dui ut sem placerat eleifend a id nibh.</div>
	</div>
	
</body>
</html>